<template>
  <div class="header ">
    <router-link to="/">
      <div class="header-left">
        <span class="iconfont">
          &#xe672;
        </span>
      </div>
    </router-link>
    <div class="header-title">
      城市选择
    </div>
  </div>
</template>

<script>
export default {
  name: "headers"
}
</script>

<style scoped>
  .header{
    width: 100%;
    line-height: .88rem;
    background: #00bcd4;
    color: #fff;
    font-size: .35rem;
    position: relative;
  }
  /*.container{*/
  /*  position: absolute;*/
  /*  overflow: hidden;*/
  /*  left: 0;*/
  /*  right: 0;*/
  /*  bottom: .88rem;*/
  /*  top: 0rem;*/
  /*  background: #f5f5f5;*/
  /*}*/
  .header-left{
    width: .4rem;
    padding: 0 .2rem;
    text-align: center;
    font-weight: bold;
    position: absolute;
  }
  .header a{
    color: #fff;
  }
  .header-title{
    text-align: center;
    font-size: .32rem;
  }
</style>
